﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script src="Scripts/bxslider/jquery.bxslider.js" type="text/javascript"></script>
    <link href="Scripts/bxslider/jquery.bxslider.css" rel="stylesheet" />    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<div id="main" class="clearfix">
	
<div id="content">
	<div class="slidebanner">
        <asp:Repeater ID="RepeaterAdv" runat="server">
            <ItemTemplate>
                <img src="upload/<%# Eval("PicFileName")%>" onclick="window.open('<%# Eval("LinkUrl") %>')" style="cursor:pointer;" />
            </ItemTemplate>
        </asp:Repeater>
	  </div>

	<div id="content"><br />
        <asp:Panel ID="pnlCases" runat="server">
	  <div id="TabbedPanels1" class="TabbedPanels" style="height:380px;">
	    <div id="News-Table">
	      <div id="News-title"> 最新焦點</div>
	    </div>
	    <div class="TabbedPanelsContent" style="">
	      <div id="pjBidList" class="bxSlider">
              <asp:Repeater ID="RepeaterCase" runat="server">
                  <ItemTemplate>
                      <div class="tabconbox pj slide"> <img src="upload/<%# Eval("PicFileName")%>" 
			 class="imgPjBox" width="260" height="200" /> <a><%# Eval("Title")%></a>
	          <div class="pjMask"></div>
	          <div class="pjHover">
	            <div class="pjHoverTxt"> 結標日期：<%# Eval("CloseDate","{0:yyyy/MM/dd}") %><br />
	              競標金額：<%# Eval("GetStr_BidPrice")%> </div>
	            <div class="more"> <a href="case_in.aspx?id=<%# Eval("PostId")%>">更多資訊..</a></div>
	            </div>
	          </div>
                  </ItemTemplate>
              </asp:Repeater>	        
	        </div>
	      <div class="samplemore" align="right"> <a href="http://test.btsdesign.com.tw:8080/dplus/?ctr=project&amp;act=list_bid" style="margin: 5px;margin-right: 28px;">查看更多</a></div>
	      </div>
	    <a href="cases.aspx"><div id="News-More"></div></a>
      </div>
            </asp:Panel>
	  <div class="inx_box" style="width:1066px;">
          <asp:Repeater ID="RepeaterAdv3" runat="server">
              <ItemTemplate>
                  <div class="inx_vedio" style="padding:0px;">
									<a class="adMovie" href="<%# Eval("LinkUrl")%>" title="<%# Eval("Title")%>">
													<img src="upload/<%# Eval("PicFileName")%>" style="border-width: 0px;" class="imgAdmovie" width="470" height="345" />
			  </a> 
		  </div>
              </ItemTemplate>
          </asp:Repeater>
          <asp:Repeater ID="RepeaterAdv2" runat="server">
              <ItemTemplate>
                  <div class="inx_lpic" style="width:580px;padding-left: 0px;margin-left: 0px;"> 
					<a class="adPic" href="upload/<%# Eval("PicFileName")%>" title="<%# Eval("Title")%>" >
													<img src="upload/<%# Eval("PicFileName")%>" class="imgAdpic" width="240" height="190" style="padding:0px;margin:0px;" />
							  </a>
					<p><span style="font-size:24px;"><strong><%# Eval("Title")%> </strong></span><br />
<%# Eval("HtmlContent")%></p>
				</div>
              </ItemTemplate>
          </asp:Repeater>							
        </div>

		<br />
		<div class="inx_box" style="width:100%; height:auto; border-top:4px solid rgb(249, 153, 9); background-color:#FFFFFF"> 
			<div class="inx_box" style="height:auto"> 
			  <h2>合作品牌</h2>
                <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <asp:Repeater ID="RepeaterPartner" runat="server">
                                <ItemTemplate>
                                    <div style="float:left; padding-right:20px;"><h4>
                                <a href="<%# Eval("LinkUrl") %>" target="_blank"><img border="0" src="upload/<%# Eval("PicFileName")%>"
                                    class="imgAdpartner" width="200" height="150" /></a>
                                <br />
                                <%# Eval("Title")%>
                            </h4></div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </td>
                    </tr>
                </table>			  
			</div>
		</div>
	</div>
	<div id="modalMedia1"></div>
</div>

</div>
    <script type="text/javascript">
        $(document).ready(initial());
        function initial() {
            initSlideBanner();
            initSpryTab();
            initBxSlider();
            initPjHover();
        }

        function initPjHover() {
            $(".pj").each(function () {
                var $pj = $(this);
                $pj.hover(function () {
                    var $mask = $pj.find(".pjMask");
                    var $hover = $pj.find(".pjHover");

                    $mask.fadeIn(100);
                    $hover.fadeIn(100);
                }, function () {
                    var $mask = $pj.find(".pjMask");
                    var $hover = $pj.find(".pjHover");

                    $mask.fadeOut(100);
                    $hover.fadeOut(100);
                });
            });
        }

        function initBxSlider() {
            $('.bxSlider').bxSlider({
                slideWidth: 260,
                minSlides: 4,
                maxSlides: 4,
                pager: false,
                //auto: true,
                speed: 3000
            });
        }

        function initSlideBanner() {
            $(".slidebanner").slidebanner();
        }
        function initSpryTab() {
            if ($("#TabbedPanels1").length > 0)
                tab1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
        }

</script>
</asp:Content>

